<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script> --><!-- optional -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/geopattern/1.2.3/js/geopattern.min.js"></script>
</head>
<body>
<div id="geopattern" style="width: 500px;height: 500px;"></div>
<script>
  var pattern = GeoPattern.generate('GitHub');
 /* $('#geopattern').css('background-image', pattern.toDataUrl());
  $('#geopattern').geopattern('GitHub');*/
  document.getElementById('geopattern').style['background-image'] = pattern.toDataUrl()
</script>
</body>
</html>